<template>
	<view class="content">
	<view class="status"></view>
	    <Header></Header>
		<IndexSwiper></IndexSwiper>
		<IndexService ></IndexService>
	<view class="aa"><p>这是一些文章</p></view>	
	<view class="cu-card article" v-for="(item,index) in List" :key="index" @click="changTo">
	 <view class="cu-card article" :class="isCard?'no-card':''" >
		<view class="cu-item shadow" >
			<view class="title">
				<view class="text-cut">{{item.title}}</view>
			</view>
			<view class="content">
				<image :src="item.picture" mode="aspectFill"></image>
				<view class="desc">
					<view class="text-content" >{{item.briefContent}}</view>
					<view>
						<view class="cu-tag bg-red light sm round">江汉大学</view>
						<view class="cu-tag bg-green light sm round">{{item.auth}}</view>
					</view>
				</view>
			</view>
		</view>
	 </view>
    </view>

	</view>
	</view>
</template>

<script>
    import Header from '../../colorui/components/Header.vue'
	import IndexSwiper from '../../colorui/components/indexSwiper.vue'
    import IndexService from '../../colorui/components/indexService.vue'
	import {List} from '../../common/file.js'
	export default {
		data() {
			return {
				List:[]
			    // title:'hello',briefContent:'hello',auth:'hello'
				// {title:'hello',briefContent:'hello',auth:'hello'},
				// {title:'hello',briefContent:'hello',auth:'hello'}],
				// gridCol: 3
					
			}
		},
		components:{
			Header,
			IndexSwiper,
			IndexService
			
		},
		onLoad(){
			List().then((res)=>{
				this.List=res;
				console.log(res)
				}
			);
			
			
			
			
			// uni.request({
			// url:'http://rap2api.taobao.org/app/mock/286911/example/1626163354313',
			// method:'GET',
			// data:{},
			// success:res=>{
			// 	this.title=res.data.title;
			// 	console.log(res.data.title);
			// 	this.briefContent=res.data.briefContent;
			// 	console.log(res.data.briefContent);
			// 	this.auth=res.data.auth;
			// 	console.log(res.data.auth);
			// 	}
			// 	})
		},
		methods: {
		            jumpToDetails(e){
		                uni.navigateTo({
		                    url:"../library/library",
		                 
		                    success:res =>{},
		                    fail:() =>{
								console.log("1111")
							},
		                    complete:() => {}
		                })
		            },
					changTo(e){
						uni.navigateTo({
							url:'../test1/test1'
						})
					}
		        }
	    }

</script>
<style>
	.status {
		height: var(--status-bar-height);
		width: 100%;
	}
	.aa{
		font-size: 15px;
		text-align: left;
		color: #007AFF;
	}
</style>